@charset "utf-8";

/* CSS Document */

header { width:100%; background: #fff; }

header h1 { width:278px;float:left;}
header h1 img { margin-top:27px;  }




.mobile_daohang{ display:none}
#banner{ display:none}
.pc_dibu{ display:block}
.mobile_dibu{ display:none}

.n2111{display:none; }
.dingbu{ float:right; }

.lp1{ }
.lp2{ display:none}

.fbt { width:313px; margin-left:28px; float:left; font-size:20px; color:#d90000; margin-top:32px;}
.fbt .p1 { letter-spacing:0.3em; }
.fbt .p2 { font-size:15px; letter-spacing:-0.03em;}
.logo {
    width: 38%; margin-top:10px
}.logo img { height:60px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 12px;
}



.fl {
    float: left;
}
.logo h2 {
    font-size:31px;
    color: #000;
    font-weight: bold;
    line-height:35px;
    margin-top:13px;
}
.logo h2 span{
    font-size: 17px;
    color: #3e3e3e;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing:1px;
    margin-top: 0px; font-family:Arial, Helvetica, sans-serif
}

/*nav*/
nav { width:50%; float:right; height:107px; margin-left:0%   }
nav ul{ display:flex}


nav ul li {   position:relative; flex:1 }
nav ul li a {   text-align:center; line-height:104px;   font-size:17px; display: block; color:#1b1b1b; font-family:"微软雅黑"; font-weight:400; color:#000;}
nav ul li a:hover {
	color: #035cac;
	text-decoration: none; font-weight:bold
}
nav .dropdown { position:relative; } 
nav ul.dropdown_menu { display:block;/* width:100%;*/ position:absolute; z-index:99;  margin:0; margin-left:-55px; }
nav .dropdown_menu li { width:180px;  margin:0;background-color:#fff; height:0; overflow:hidden; float:none; padding:0 10px; transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -moz-transition:all .3s;   }
nav .dropdown:hover .dropdown_menu li { height: 45px;  border-bottom:1px solid #e4e4e4; }
nav .dropdown:hover ul.dropdown_menu { border-top:#035cac solid 4px; box-shadow: 0 10px 20px 0px rgba(0, 0, 0, 0.1);	} 

nav .dropdown .dropdown_menu li a{color: #333; font-size: 16px; line-height: 45px; display: block; padding:0px;   text-align: center; }


nav .dropdown:last-child { margin-left:7px} 


nav .dropdown_menu li:hover{ background:#035cac; color:#fff}
nav .dropdown_menu li:hover a{color:#fff}


.banben { width:50px; float:right;}
.banben p { width:40px; height:40px;  line-height:40px;  text-align:center; font-size:17px;  margin:30px 8px 0px; transition:all 0.4s; background:#035cac;border-radius: 50%; }
.banben a p { color:#fff; float:left;}
.banben a p img { margin-top:9px;}
.banben a:hover p { background:#93c524; border:0; color:#fff;line-height:42px; width:42px; height:42px }
.con1 {
    width: 1200px;
    margin: 0px auto;
}





.sou { width:50px; height:50px; line-height:50px;  background-color:#0045b4; border-radius:50%; float:left; text-align:center; color:#FFF; font-size:16px; margin-top:8px; margin-top:34px;font-weight:700;  }
.sou img { margin-top:9px;}



		.hd1-a6{width: 100%;height: 140px; transition: 0.5s;}

	.hd1-a6.on1{background: #fff;transition: 0.5s;}
	
	.hd1-a6.on1 img:nth-child(1){display: none!important;}
	.hd1-a6.on1 img:nth-child(2){display: block!important;}
	 
	 
	 .hd1-a1 .hd1-a2 img:nth-child(1){display: block;}
	.hd1-a1 .hd1-a2  img:nth-child(2){display: none;}
	 
	 .hd1-a6 .hd1-a10 img:nth-child(1){display: block;}
	.hd1-a6 .hd1-a10 img:nth-child(2){display: none;}
	
	 
	.hd1-a6.on1 .hd1-a10 img:nth-child(1){display: none!important;}
	.hd1-a6.on1 .hd1-a10 img:nth-child(2){display: block!important;}
	
	
	.hd1-a6.on1 .hd1-a11{ color:#3e8444!important}
	
	
		 .hd1-a6 .hd1-a4 img:nth-child(1){display: block;}
	.hd1-a6 .hd1-a4 img:nth-child(2){display: none;}
	
	 
	.hd1-a6.on1 .hd1-a4 img:nth-child(1){display: none!important;}.sygsjj04
	.hd1-a6.on1 .hd1-a4 img:nth-child(2){display: block!important;}
	
.hd1-a6.on1 .hd1-a4 div{ color:#3e8444!important}	
	


body{font:normal normal 0.32rem/1 sans-serif;color: #000;background: #fff;}

textarea,input{font:normal normal 0.28rem/1.5 sans-serif;}

img{border: none;}

.clear:after {content:"";display: block;clear:both;}

input[type=button], input[type=submit], input[type=file], input[type=reset], button { cursor: pointer; -webkit-appearance: none;}

body,p,ol,ul,h1,h2,h3,h4,h5,h6{margin: 0;padding:0;list-style: none;}

button{}

a{color:inherit;text-decoration: none;}

.i100{overflow:hidden;}

.i100>img{width: 100%;}

.i200{overflow: hidden;}

.i200>img{height: 100%;}

.i300{overflow: hidden;}

.i300>img{width: 100%;height: 100%;}


.to1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.a1{position: relative;}

.a1>a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;}

input{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}

select{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}

button{border: 0;display: block;outline: none;background: none;box-sizing: border-box;}

textarea{border: 0;display: block;outline: none;background: none;box-sizing: border-box;resize: none;}

.to2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}

.to3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;white-space: normal;}

.to4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;white-space: normal;}

.to5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;white-space: normal;}

.to6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;white-space: normal;}

.to7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;white-space: normal;}

.to8{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;white-space: normal;}

.to9{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;white-space: normal;}

.to10{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;white-space: normal;}

@font-face {
	font-family:Helvetica-Neue-2;
	src: url('../fonts/Helvetica-Neue-2.ttf'); }

@font-face {
	font-family:Barlow-Regular;
	src: url('../fonts/Barlow-Regular.ttf'); }

@font-face {
	font-family:DINOT-Bold;
	src: url('../fonts/DINOT-Bold.otf'); }
	
	
	
	
	

#demo {
background: #FFF;
overflow:hidden; height:305px;
width:1200px;
background:none; margin:auto; font-size:15px; line-height:45px;
}
#demo img { width:180px;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}	

#demo span{
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;
}
/**/
.guide{padding: 80px 0 20px 0;overflow: hidden;width: 1310px;margin: 0 auto;}
.gui_tit{font-size:27px;color: #000;text-align: center;position: relative;height: 155px;line-height: 45px;overflow: hidden;}
.gui_tit em{width: 478px;height: 56px;display: block;margin: 0 auto 12px; font-family:DINOT-Bold; font-style:normal; color:#ebebeb; text-transform:uppercase; font-size:45px}

.gui_tit b{ font-family:DINOT-Bold; font-style:normal; color:#035cac; text-transform:uppercase; font-size:50px; padding-right:2%;}


.gui_tit em img{width: 338px;height: 36px;}
.gui_tit span{display: block;font-size: 16px;font-weight: normal; color:#3e4e4c; line-height:18px; padding-top:5px;}
.gui_tit:before,.pro_tit:before,.adv_tit:before,.super .pro_tit:before{content: "";width: 40px;height: 2px;background: #035cac;position: absolute;bottom: 0;left: calc(50% - 20px);-webkit-transition:all .5s;transition:all .5s;}



.gui_tit:hover:before,.pro_tit:hover:before,.adv_tit:hover:before{width: 60px;left: calc(50% - 30px);}
.guide p{font-size: 16px;color: #808080;line-height: 30px;height: 122px;text-align: center;width:1100px;margin: 0 auto;padding: 30px 0 0;}
.digital{width: 96%;background: #fff;box-shadow: 0 3px 6px 3px rgba(0,0,0,0);border-radius: 10px;padding-top: 0px;position: relative;z-index: 5;margin: 50px 10px 10px;}
.ibrand-num{ display:flex; width:100%}
.ibrand-num li{flex:1;height:115px;padding-left:100px;color:#8a8a8a;font-size:16px;position: relative;}
.ibrand-num li:before{content: "";width: 1px;height: 88px;position: absolute;top: 5px;left: 0;background: #e5e5e5;}
.ibrand-num li b{display: block;font-size:54px;color: #035cac;line-height: 56px; font-family:Helvetica-Neue-2;margin-left: -3px;}


.cente1r{justify-content: center; width:70% ; margin:0 auto; display:flex}
.dda{ line-height:33px; text-align:left; border-left:1px #e4e4e4 solid; padding-left:2%}
.ibrand-num li:first-child:before{background: none;}


.ibrand-num li:nth-child(2){ padding-left:50px}





#about1{ width:100%; float:left; background:#035cac; margin-top:70px; padding-top:100px; padding-bottom:100px; }
.about{ width:1200px; margin:auto;}

.ab1{width:500px;height:305px;float:right; color:#88d0f0; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.nr3{float:right;width:500px;height:305px; overflow:hidden; margin-bottom:25px;border-radius:10px;}
.nr3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.nr3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.ab2{ float:left; width:530px;  font-size:14px; text-align:left; color:#FFFFFF; }
.ab2 h4{width:530px;  float:left; color:#FFFFFF; font-size:26px; text-align:left; line-height:40px; padding-bottom:10px; font-weight:900;  }
.ab2 h4 span{width:530px;  float:left; color:#FFFFFF; font-size:40px;  font-weight:900;font-family: DINOT-Bold; text-transform:uppercase }

.ab3{ float:left; width:610px; padding-top:15px; margin-bottom:15px; font-size:15px!important; line-height:28px!important; }


.m1{width:150px; line-height:55px; text-align:center; float:left; color:#FFFFFF; margin-top:28px; font-size:16px;}

.m1 a{width:150px; line-height:55px; float:left; background: #30befd; color:#FFFFFF!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m1 a:hover{ color:#FFFFFF!important;  background:#30befd;  width:150px;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}



.m2{width:150px; line-height:55px; text-align:center; float:left; color:#FFFFFF; margin-top:28px; margin-right:10px;  margin-left:10px; font-size:16px;}

.m2 a{width:150px; line-height:55px; float:left; background:#47cd8c; color:#FFFFFF!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m2 a:hover{ color:#FFFFFF!important;  background:#47cd8c;  width:150px;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}





.m3{width:150px; line-height:55px; text-align:center; float:left; color:#FFFFFF; margin-top:28px; font-size:16px;}

.m3 a{width:150px; line-height:55px; float:left; background:#c1a364; color:#FFFFFF!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m3 a:hover{ color:#FFFFFF!important;  background:#c1a364;  width:150px;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}




.shili{padding: 80px 0 10px 0;overflow: hidden;width: 1310px;margin: 0 auto;}
.gui_tit1{font-size: 35px;color: #000;text-align: center;position: relative;height: 100px;line-height: 54px;overflow: hidden;}

.gui_tit1 b{ font-family:DINOT-Bold; font-style:normal; color:#035cac; text-transform:uppercase; font-size:55px; padding-right:1%}


.shili p{font-size: 18px;color: #808080;line-height: 36px;height: 122px;text-align: center;width: 910px;margin: 0 auto;padding: 30px 0 0;}

.gui_tit1 span{display: block;font-size: 20px;font-weight: normal; color:#3e4e4c; line-height:30px; display:block}




.sygsjj{background:url(../images/abbj.png) center center no-repeat;background-size:cover; margin-bottom:110px;  margin-top:140px;}
.sygsjj01{width:50%;  height:560px; overflow:hidden}
.sygsjj01 img{ width:100%}


.sygsjj02{width:40%; margin-right:5%;}
.sygsjj03{display: inline-block;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    color: #777777;
    padding-right: 37px;
    font-family: Barlow-Regular;
    font-weight: normal;}
.sygsjj04{color:#212121; font-size:50px; line-height:54px; font-weight:700;}
.sygsjj04 span{ font-size:34px; color:#3e8444; font-weight:normal; line-height:56px; margin-top:10px; display:block}



.sygsjj05{color:#666; font-size:16px; line-height:40px; width:100%; padding-top:30px; text-align:justify ;text-align:left;}
.sygsjj05 a { color:#666;}
.sygsjj04_xx { width:80px; height:2px; background:#56ab1f; margin-top:25px; margin-bottom:0px;}
.tutu {}
line {
    width: 40px;
    height: 1px;
    background: #777;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}
.a1sssa{ width:100%; margin:0 auto; height:200px; margin-top:40px}

.sygsjj05 p {
    color: #666;
    font-size: 18px;
    line-height: 34px;
    width: 100%;
    padding-top: 30px;
    text-align: justify; text-align:left.a1sssa dl dd h5 b
}






 .a1sssa dl{width: 20%;float: left;text-align: center;height:100pxm;position: relative;margin-top: 20px;}
.a1sssa dl:before{content: "";width: 1px;height: 100%;background: #e2e2e2;position: absolute;top: 0;right: 0;}
 .a1sssa dl dt{width: auto;height: 98px;line-height: 1;overflow: hidden;margin: 0 auto;}
 .a1sssa dl dt img{width: 90px;height: 96px; margin:0 auto}
 .a1sssa dl:hover dt img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear ; }
 .a1sssa dl dd{width: 100%;padding: 20px 0 0;}
 .a1sssa dl dd h5{font-size: 56px;color: #333;height:84px;line-height: 84px;overflow: hidden;font-weight: normal; font-family:EUCLID; display:inherit; display:flex;justify-content:center}
	 .a1sssa dl dd h5 em{ font-size:18px; color:#999; display:block; font-style:normal; margin-top:10px; margin-left:20px}
	 .a1sssa dl dd h5 b{font-size: 76px; color:#999; display:block; background-image: -webkit-linear-gradient(left,#015f2d,#008441,#49ac13);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: normal;  }
	
 .a1sssa dl dd span{font-size: 22px;color: #666;line-height:28px;padding:10px 0 0; margin-top:10px; display:block}
 .a1sssa dl dd i{display: block; font-style:normal}
 .a1sssa dl:nth-of-type(5):before{background: none;}
@font-face {
	font-family:EUCLID;
	src: url('../fonts/Helvetica-Neue-2.TTF'); }

.sygsjj .content{ width:90%;margin:0 auto; }

.custom-btn {
  width:230px; height:54px; background:none!important;
  font-family: 'Lato', sans-serif;
  font-weight:normal;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block; color:#af935c!important; text-align:center; font-size:16px; text-transform:uppercase; line-height:54px; display:block; border:1px #af935c solid; margin-top:50px
}

.btn-15 a{ color:#af935c}
/* 15 */
.btn-15 {
   background: #38994a;
  color: #fff;
  z-index: 1;
}
.btn-15:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  z-index: -1;
 
  transition: all 0.3s ease; 
  background-image: -webkit-gradient(linear, left top, right top, from(#a37d32), color-stop(51%, #af935c), to(#af935c));
    background-image: -webkit-linear-gradient(left, #a37d32 0%, #af935c 51%, #af935c 100%);
    background-image: -moz-linear-gradient(left, #a37d32 0%, #af935c 51%, #af935c 100%);
    background-image: -o-linear-gradient(left, #a37d32 0%, #af935c 51%, #af935c 100%);
    background-image: linear-gradient(to right, #a37d32 0%, #af935c 51%, #af935c 100%);
  
  
  
}
.btn-15:hover {
  color: #fff!important;
}
.btn-15:hover:after {
  left: 0;
  width: 100%;
}
.btn-15:active {
  top: 2px;
}
.btn-15:hover a {
  color: #fff!important;
}

.join{ width:100%; margin:0 auto; background:url(../images/bg34.jpg) no-repeat center; background-size:cover; background-position:center; background-repeat:no-repeat; background-attachment: fixed; height:489px; text-align:center; color:#FFFFFF; font-size:40px; font-weight:700; line-height:50px; padding-top:190px; clear:both}

.join span{ font-size:22px; font-family:Barlow-Regular; font-weight:400;}
.a_more{ font-size:15px; color:#fff!important; line-height:50px; width:200px; margin:auto;display:inline-block; 
  border: 1px solid #fff; 
  position: relative;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s; margin-top:30px;
}
.a_more a{  color:#fff!important;
}
.a_more:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #035cac;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out; 
}
.a_more:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.a_more:hover{ color:#fff;}



.f_nav h2{ font-size:18px; font-weight:bold; margin-bottom:5%; color:#444}
.f_bg{ background:#f2f2f2; height:420px;padding: 88px 0 88px; overflow:hidden;}
.footer{width: 1310px; margin:0 auto;}
.f01{width: 730px;}
.f02{width: 400px;}
.f03{width: 140px;}
.f_nav{height: 200px;width: 710px;}
.f_nav ul li{height: 46px;line-height: 46px;width: 210px;float: left; background:url(../images/f_ico01.png) no-repeat 0 center;}
.f_nav ul li a{font-size: 16px;color: #444;padding-left: 30px;}
.f_nav ul li a:hover{font-weight: bold;}
.f_ban{width: 450px;}
.f_ban p{font-size: 16px;color: #444;line-height: 30px;}
.f_ban p span{padding: 0 15px;}
.f_ban p a{color: #444;}
.f02 p{font-size: 16px;color: #444;line-height: 25px;padding: 0 0 40px 55px;width:100%;}
.f02 b{display: block;padding-bottom: 5px;}
.f02 i{display: block;font-size: 28px;font-weight: bold;line-height: 30px; font-family:Helvetica-Neue-2}
.f02 p.f_p01{ background:url(../images/f_ico02.png) no-repeat 0 6px;}
.f02 p.f_p02{ background:url(../images/f_ico03.png) no-repeat 0 6px;}
.f02 p.f_p03{ background:url(../images/f_ico04.png) no-repeat 0 6px;}
.f02 p.f_p04{ background:url(../images/f_ico03.png) no-repeat 0 6px;}



.f03 p{width: 100%;text-align: center;height: 140px;padding-top: 10px;}
.f03 p img{width: 100%;}
.f03 p span{display: block;font-size: 14px;color: #444;line-height: 30px;}
  

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#2b52db url(../images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#2b52db url(../images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#2b52db url(../images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#2b52db url(../images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#2b52db url(../images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#2b52db url(../images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#2b52db url(../images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }
	
	
	
	
	
	.ind3-c6{ font-family:Barlow-Regular}
	
	

.bottomNav{ display:none}
.tbottom{ display:none}
.mobile_chanpin{ display:none}	
@media all and (max-width:768px){
	.pc_lianxi{ display:none}
	
	
	.con1 {display:none}


	.pc_dibu{}
	
	.mobile_dibu{ display:block}
	.mobile_lianxi{ display:none; font-size:15px!important}
	.mobile_job{ display:block}
.pc_job{ display:none}
.wsjob{ float:none; padding:0px; width:100%; padding-bottom:20px;}
.jobt-list li{ text-align:center; width:33%; margin:0 auto; margin-bottom:20px;}
.jobt-list li ._num{ float:none; width:50%; margin:0 auto; text-align:center; margin-bottom:15px; }
.jobt-list li ._nr{width:90%; padding-left:5%; padding-right:5px; margin-left:0px!important; margin:0 auto; float:none!important; text-align:center}
.jobt-list li ._sum{ height:60px;}

	.lxma{ font-size:15px!important}
	.mobile_daohang{ display:block}
	.pc_daohang{ display:none}
	body{ font-size:14px!important;}
	.neirong{ font-size:14px;}

.suspension{ display:none}
.suspension-box{ display:none}

.alogo{ display:none}

.flash{ display:none}
.flash1{display:block!important;}

/*-------底部-----------*/



/*手机版底部导航*/

#banner{ display:block}
.tbottom{ display:block; height:70px;}

.nav_bgc{ display:none}
.bottomNav {display:block;
	/*border:1px solid red;
	*/
    width:100%;
	height:70px;
	position:fixed;
	bottom:1px; z-index:999;}
.bottomNav_item {
	/*border:1px solid red;
	*/
    width:25%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p {
	margin-top:3px; font-size:0.85rem}


.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #35aade;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}



#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	}

.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}
.inital_color { color:#35aade}


/*手机版顶部导航*/
@charset "utf-8";
*{margin:0;padding:0}
a{text-decoration:none;color:#333;font-family:"arial","微软雅黑"}
html{width:100%;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;font-size:16px;}
html.ns{overflow:hidden}
.wsneirong img{ width:100%!important; height:auto!important}
body{color:#535353;font-size: 1em;font-family:"arial","微软雅黑"; width:100%;position:relative}
@media screen and (min-width: 360px) and (max-width: 374px){ html{font-size:16px}}
@media screen and (min-width: 375px) and (max-width: 479px){ html{font-size:18px}}
@media screen and (min-width: 480px) and (max-width: 539px){ html{font-size:20px}}
@media screen and (min-width: 540px) and (max-width: 639px){ html{font-size:24px}}
@media screen and (min-width: 640px){ html{font-size:28px}}

a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ol,ul,li{list-style:none}dl,dt,dd,ul,li{margin:0;padding:0}input,textarea{outline:none}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clear{clear:both}.wrap{width:96%;margin:0 auto}body,div,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden;}
#banner img{width: 100%;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:45px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bd li{ margin:0px; padding:0px; height:8rem; position:relative; overflow:hidden;}
	.focus .bd li img{ width:100%!important;  height:100%; object-fit:cover; display:block; }
	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.foctit{position:absolute; z-index:111; width:100%; bottom:0;background: rgba(0,0,0,.6); padding-left: 0.7rem; padding-right: 0.7rem; color:#FFF; font-size:0.8rem;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden; height:40px; line-height:40px; box-sizing:border-box;}
	
.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999999;}
.toubuge{ width:100%;}
.main-header {
    height: 50px;box-shadow: 0px 1px 5px #5c4b51;
    /*background: #a10e15;*/
	background: rgba(255,255,255,1.0);
    z-index: 60;
	width:100%;
	position:relative;
		
}
header{	
	height:50px;
	line-height: 50px;
	text-align: center;
    background-color: #fff;
	box-shadow: 0px 1px 5px #9c8e93; margin-bottom:5px;
}

.cd-logo {
    position: absolute;
    top: 0px; font-size:22px; line-height:38px; color:#333333; padding-top:5px; font-weight:900;
    left: 10px;
   
}

.cd-logo img { float:left; padding-right:10px; height:40px;
   
} 

/*.search_open {
display: block;
    width: 30px;
    height: 30px;
background: url(../images/wap_sea.png) no-repeat;
position: absolute;
right:60px;
top:10px;
background-size: auto 25px;
background-position: center center;
}*/
.menu_open {
display: block;
    width: 30px;
    height: 30px;
background: url(../images/wap_menu.png) no-repeat;
	position: absolute;
	right:10px;
top:10px;
}
.animate{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;
  transform:rotate(180deg);-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */background: url(../images/wap_close.png) no-repeat;} 
  .animate1{-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;display: block;
  transform:rotate(-180deg);-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
-o-transform:rotate(-180deg); /* Opera */} 
#top{ width:100%;  overflow:hidden; display:block;  position:absolute; top:50px; z-index:100; background-color:#f2f2f2;padding: 10px; box-sizing:border-box;}
input.button1 {
	border-radius: 5px;
	line-height: 23px;
	height: 33px;
	width: 70%;
	padding: 0 5px 0 5px;
	border: 1px solid;
	border-color: #CCC #EEE #EEE #CCC;
	background: whiteSmoke;
	float:left;
	margin-right:3%;
font-size:12px;
	z-index: 1001;
}
input.button2 {
	text-shadow: black 0 1px 0;
	border: 1px solid;
	border-color: #EEE #CCC #CCC #EEE;
	color: #666;
	font-weight: bold;
	width: 22%;
	border-radius: 5px;
	padding: 3px;
	height: 35px;
	text-shadow: 0 /*{a-bar-shadow-x}*/ 0px /*{a-bar-shadow-y}*/ 0px /*{a-bar-shadow-radius}*/ #FFF /*{a-bar-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f8f8f8 /*{a-bar-background-start}*/), to( #eaeaea /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #f8f8f8 /*{a-bar-background-start}*/, #eaeaea /*{a-bar-background-end}*/);
	font-size:12px;
	z-index: 1001;
	float:right;
}

.ncon_item{display: flex;flex-wrap: nowrap;
overflow: hidden;
position: relative;box-sizing: border-box;
padding: 15px 12px;
background-color:#fff;border-bottom: 1px solid #EBEBEB;}

.shl-n-pic {
    width: 115px;
    min-width: 115px;
    height: 72px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}
.shl-n-pic img { width:100%; height:100%; object-fit:cover;}
.shl-left {
 width:100%
}
.shl-ptit {
 font-size:0.9rem;
 overflow:hidden;
 width:100%;
 height:2.6rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical
}
.shl-time {
 font-size:12px;
 color:#00943e;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;

 background-repeat:no-repeat;
 padding-left:15px
}
.shl-geng{ padding-top:20px; padding-bottom:20px;}
.loading-more-button {
    width: 6rem;
    height: 2rem;
    line-height: 1.96rem;
    text-align: center;
    font-size: .8rem;
    border: 1px solid #00943e;
border-radius: 5px;
color: #00943e;
    cursor: pointer;
    margin: 0 auto;
}


/*选项卡*/
.tabs {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;
}
.tab_con{ display:none; background-color:#FFF;}

.tabs li{
float: left;
width: 33.33%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs .thistab{
float: left;
width: 33.33%;
height: 40px;
border-bottom: 1px solid #00943e;
line-height: 40px;
font-size: 0.9rem;
color: #00943e;}

.home-tit{width: 100%;
position: relative;
margin-top: 10px;border-bottom: 1px solid #EBEBEB; padding:13px 14px; background-color:#FFF;font-size: 0.9rem;color: #0579cb; box-sizing:border-box;}
.home-tit .dtit { font-weight:bold; float:left;}
.home-tit a {

    font-family: Arial;
    font-size: 10px;
    float: right;
    color: #666;
    text-align: right;
    display: block;
    padding-top: 6px;
}

.shl-zj{display: flex;flex-wrap: wrap; background-color:#FFF; box-sizing:border-box;padding: 7px; text-align:center;}
.shl-zjsection {
    width: 50%;
    padding: 5px;box-sizing:border-box;
}
.zjkuang {border: 1px solid #EBEBEB;box-sizing:border-box; padding:6px 6px 12px 6px; border-radius:5px;box-shadow: 0px 0px 5px #E4E4E4;}
.shl-zjpic{width: 4.2rem;
height: 4.2rem;
overflow: hidden;
position: relative; border-radius:50%; overflow:hidden; margin:0 auto; margin-top:0.6rem;}
.shl-zjpic img{width: 100%;
height: 100%; object-fit:cover;}
.zjtit1{ font-size:0.9rem; height:2.6rem;
 line-height:1.3rem; overflow:hidden; margin-top:10px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit2{font-size:0.8rem; height:2rem; line-height:1rem; color:#959595; overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
.zjtit3{font-size:0.7rem; height:1.4rem; line-height:1.4rem; border-radius:0.7rem; width:4rem; text-align:center; border:1px solid #0a53a3; margin:0 auto; margin-top:10px; color:#0a53a3;}



/*选项卡*/
.tabs2 {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    clear: both;
    text-align: center;
    overflow: hidden; box-sizing:border-box; padding:10px 12px 1px 12px;background-color: #fff; font-weight:bold;
}
.tab_con2{ display:none; background-color:#FFF;}

.tabs2 li{
float: left;
width: 50%;
height: 40px;
line-height: 40px;
font-size: 0.85rem;border-bottom: 1px solid #EBEBEB;}

.tabs2 .thistab{
float: left;
width: 50%;
height: 40px;
border-bottom: 1px solid #029d25;
line-height: 40px;
font-size: 0.9rem;
color: #029d25;}


.shl-djt{display: flex;flex-wrap: wrap;box-sizing:border-box;}
.shl-section {
    width: 50%;
    padding: 8px;box-sizing:border-box;
}
.skkk {
    background-color: #fff;
  
}
.shl-djtpic{width: 100%;
height: 110px; border-bottom:1px solid #f2f2f2;
overflow: hidden;
position: relative;}
.shl-djtpic img{width: 100%;
height: 100%; object-fit:cover;}
.shlne {
    padding: 10px;
}
.djtte{ font-size:0.9rem;
 overflow:hidden; text-align:center;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical}
 
 .djttime {
 font-size:12px;
 color:#969696;
 margin-top:9px;
 background-image:url(../images/shl-ico-time.png);
 background-size:auto 13px;
 background-position: left center;
 background-repeat:no-repeat;
 padding-left:15px; height:15px; line-height:15px;
}

.jigou{ background-color:#FFF;}
.jigouname{ font-size:0.9rem;color: #0a53a3;
 overflow:hidden;
 width:100%;
 height:1.3rem;
 line-height:1.3rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical}
.jigoumiaoshu{
	font-size:12px;
 color:#969696;
 margin-top:6px;
  overflow:hidden;
 height:3rem;
 line-height:1rem;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:3;
 /*显示行数*/-webkit-box-orient:vertical}

.jigou-pic {
    width: 115px;
    min-width: 115px;
    height: 82px;
    overflow: hidden;
    position: relative;
    border: 1px solid 
    rgba(0,0,0,.1);
    margin-right: 12px;
    border-radius: 3px;
}

.wap_add{ background:url(../images/in_28.jpg) no-repeat left; padding-left:3rem; height:40px; line-height:40px;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; overflow:hidden!important }
.wap_tel{ background:url(../images/in_30.jpg) no-repeat left; padding-left:3rem;height:40px; line-height:20px;}
.wap_mail{ background:url(../images/in_32.jpg) no-repeat left; padding-left:3rem;height:40px; line-height:40px;}
.wap_line{ margin-top:0.8rem; margin-bottom:0.8rem; background:#d8d8d8; height:1px; width:100%;}
.foot2-wap { width:100%; margin:0 auto;
    display: block;
    text-align: center;
    padding-top: 1rem;
    font-size: 0.8rem;
	padding-bottom: 1rem;background:#00943e;color:#fff;
}
.foot2-wap a {
    color: #fff;
}

.tit4 {
    width: 100%;
    padding: 15px;
    border-bottom: 
    #EBEBEB 1px solid;
    overflow: hidden; background-color:#FFF; box-sizing:border-box;
}
.tit4 .tout {width: 100%; display:flex;}
.ttpic{ width:4.4rem; min-width:4.4rem; margin-right:10px;}
.ttpic img{ width:100%;}
.tit4 .tout .text { width: 100%;}
.tit4 .tout .text h3 {

    font-size: 1rem;
    font-weight: bold;
    color: 004276;
    line-height: 1.5rem;
	height:1.5rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical;

}
.tit4 .tout .text h3 a { color: #0a53b8;}
.tit4 .tout .text .tex {
	font-size:0.75rem;
    color: #888;
	  line-height: 1rem;
	height:2rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:2;
 /*显示行数*/-webkit-box-orient:vertical; margin-top:8px; 

}
.tit4 .touj {width: 100%; display:flex; align-items: center; background-color:#f2f2f2;}
.tjzjleft {
    width: 2rem;
	min-width: 2rem;
    text-align: center;
    line-height: 1.1rem;
    padding: 8px 0;
    background:#0a53a3;
    color: #fff; 
     font-size:0.9rem;
    
}
.zjtu{min-width:4.2rem;width: 4.2rem;height: 4.2rem; overflow:hidden; border-radius:50%; margin-right:10px; margin-left: 15px;}
.zjtu img{width: 100%;height: 100%; object-fit: cover; display:block;}
.rszj{ width:100%;}
.rszjtit {
	font-size:0.75rem;
    color: #888;
	  line-height: 1.1rem;
	height:1.1rem;
	 overflow:hidden;
 -o-text-overflow:ellipsis;
 text-overflow:ellipsis;
 /*超出...*/display:-webkit-box;
 -webkit-line-clamp:1;
 /*显示行数*/-webkit-box-orient:vertical; padding-right: 6px;

}





.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.tbottom{ height:70px;}
#BottomNav {
    /*background: #0a53a3 none repeat scroll 0 0;*/
	background: rgba(36,131,61,0.9) none repeat scroll 0 0;
    bottom: 0;
    height: 3em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index:9999;
}
#BottomNav ul li {
    float: left;
   
    text-align: center;
    width: 16.66%; 
}

.xianb{border-right: 1px solid #24833d;}
#BottomNav ul li a {
    color: #00943e;
    display: block;
     padding-bottom:0.5rem; 
    padding-top:0.5rem; 

}


#BottomNav ul li a div {
    font-size: 0.7rem; padding-top:0.25rem;padding-bottom:0.4rem; 
}
#BottomNav .yy1 {
    background-image: url(../images/yy1.png);
}
#BottomNav .yy2 {
    background-image: url(../images/yy2.png);
}
#BottomNav .yy3 {
    background-image: url(../images/yy3.png);
}
#BottomNav .yy4 {
    background-image: url(../images/yy4.png);
}
#BottomNav .yy5 {
    background-image: url(../images/yy5.png);
}
.yy6 {
    background: url(../images/yy6.png) no-repeat left;
	    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 0.9rem;
    margin: 0 auto;
    width: 0.9rem;
    background-size: 0.9rem;
	
}

.shl-toug{ height:50px; width:100%;}
.shl-mingx{ width:14.285%; float:left }
.shl-mingx img{ width:100%; height:100%; object-fit:cover;}

#msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0px; left:0; z-index:50;}
#menu{ position:fixed; width:200px; height:100%;  right:-200px; background:#333; color:#fff; z-index:200; display:none; font-size:0.9rem;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);overflow-y: scroll;}
.menu1{ position:absolute; width:200px; height:100%;  right:-200px; background:#444; color:#fff; z-index:300; display:none;}

#menu li:after , .menu1 li:after{ content:''; display:block; width:100%;  border-bottom:1px solid #222;}
#menu a , .menu1 a{  line-height:45px;  padding:0 20px 0 35px; border:none; display:block;  color:#fff;font-size: 0.8rem;}
/*---
#menu a:after , .menu1 a:after{
	display:block; content:''; position:absolute; 
	right:15px;
	top:50%;
	margin-top:-4px;
	width:6px; height:6px;
	border:2px solid #fff;
	border-width:2px 2px 0 0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}---*/
.mshouyeico{background-image: url(../images/drawer-home.png); background-repeat:no-repeat; background-position:right center; background-size:auto 22px;}

.main{ max-width:640px; width:100%;}
.op{width:100%; max-width:640px; position:relative; margin:0 auto;overflow: hidden;}



		.menu_open{ display: block;}
	.menu_close{ display: none; background: url(../images/wap_close.png) no-repeat;background-size: auto 86%; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px;position: absolute; right: 10px;top: 10px;}
	.msk {display: none; position: fixed; width: 100%; height: 100%;  top: 50px; left: 0; background-color:rgba(0,0,0,0.5); z-index: 100010; }
	.menu { position: fixed; width: 200px; height: 100%; top: 50px; right:-200px; background: #333;color: #666;z-index: 100015;box-sizing: border-box; padding-bottom: 50px;overflow-y: auto;box-shadow: inset 6px 0 5px -5px rgba(0,0,0,.9);padding-left: 10px; padding-right: 10px;}
	.menu .onemenu,.menu a.onemenu,.menu a.onemenub{ color: #fff; font-size: 16px; display: block; height: 45px; line-height: 45px;}
	.menu .menu-li{border-bottom: 1px solid #222;}
	.menu .menu-li::after {content: ''; display: block;width: 100%;border-bottom: 1px solid #404040;}
	.menu .twoul{ display: none;}
	.menu .twoul li{ position: relative; background-color: rgba(255,255,255, .1); padding: 12px 0 12px 0px; margin-top: 1px; font-size: 14px;}
	.menu .twoul li::after{display: block;content: "";position: absolute;right: 8px;top: 52%;margin-top: -5px;width: 6px;height: 6px;border: 2px solid #666;border-width: 2px 2px 0 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.menu .twoul li a{color: #fff; font-size: 14px; display: block; color: #fff; padding-left: 15px;}
	
	.menuico_right{ background: url('../images/shl-down-open.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_down{ background: url('../images/shl-down-open1.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	.menuico_up{ background: url('../images/shl-down-open2.png') no-repeat; background-size: auto 22px; background-position: right 12px; background-repeat: no-repeat;}
	/* .menu .onemenu{ color: #fff; font-size: 14px;} */
}


@media all and (max-width:640px){

body{ margin:0 auto;padding:0px;width:100%;font-family:microsoft yahei;font-size:14px!important;color:#6c6c6c; line-height:24px!important;}


.sy_head_top{display:none;  }
/*------------公司---------*/

.head{display:none;  }


/**/
.guide{padding: 10px 0 10px 0;overflow: hidden;width:100%;margin: 0 auto;}
.gui_tit{font-size:14px;color: #000;text-align: center;position: relative;height:auto;line-height:18px;overflow: hidden;}
.gui_tit em{width: 100%;height:auto;display: block;margin: 0 auto 0px; font-family:DINOT-Bold; font-style:normal; color:#ebebeb; text-transform:uppercase; font-size:30px; line-height:40px;}

.gui_tit b{ font-family:DINOT-Bold; font-style:normal; color:#035cac; text-transform:uppercase; font-size:25px; padding-right:2%;padding-top:5px;}


.gui_tit em img{width: 100%;height: 36px;}
.gui_tit span{display: block;font-size: 12px;font-weight: normal; color:#3e4e4c; line-height:18px; padding-top:0px;}
.gui_tit:before,.pro_tit:before,.adv_tit:before,.super .pro_tit:before{content: "";width: 40px;height: 2px;background: #035cac;position: absolute;bottom: 0;left: calc(50% - 20px);-webkit-transition:all .5s;transition:all .5s;}



.gui_tit:hover:before,.pro_tit:hover:before,.adv_tit:hover:before{width: 60px;left: calc(50% - 30px);}
.guide p{font-size: 14px;color: #808080;line-height:18px;height:auto;text-align: center;width:95%;margin: 0 auto;padding:20px 0 20px;}
.digital{width: 96%;background: #fff;box-shadow: 0 3px 6px 3px rgba(0,0,0,0);border-radius: 10px;padding-top: 0px;position: relative;z-index: 5;margin: 50px 10px 10px;}
.ibrand-num{ display:flex; width:100%}
.ibrand-num li{flex:1;height:115px;padding-left:100px;color:#8a8a8a;font-size:16px;position: relative;}
.ibrand-num li:before{content: "";width: 1px;height: 88px;position: absolute;top: 5px;left: 0;background: #e5e5e5;}
.ibrand-num li b{display: block;font-size:54px;color: #035cac;line-height: 56px; font-family:Helvetica-Neue-2;margin-left: -3px;}


.cente1r{justify-content: center; width:100% ; margin:0 auto; display:flex; padding-bottom:10px;}
.dda{ line-height:18px; text-align:left; border-left:1px #e4e4e4 solid; padding-left:2%; }
.ibrand-num li:first-child:before{background: none;}


.ibrand-num li:nth-child(2){ padding-left:50px}







#about1{ width:100%; float:left; background:#035cac; margin-top:70px; padding-top:100px; padding-bottom:100px; }
.about{ width:1200px; margin:auto;}

.ab1{width:500px;height:305px;float:right; color:#88d0f0; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.nr3{float:right;width:100%;height:auto; overflow:hidden; margin-bottom:15px;border-radius:10px;}
.nr3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; width:100%;border-radius:10px;}
.nr3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);border-radius:10px;}


.ab2{ float:left; width:530px;  font-size:14px; text-align:left; color:#FFFFFF; }
.ab2 h4{width:530px;  float:left; color:#FFFFFF; font-size:26px; text-align:left; line-height:40px; padding-bottom:10px; font-weight:900;  }
.ab2 h4 span{width:530px;  float:left; color:#FFFFFF; font-size:40px;  font-weight:900;font-family: DINOT-Bold; text-transform:uppercase }

.ab3{ float:left; width:610px; padding-top:15px; margin-bottom:15px; font-size:15px!important; line-height:28px!important; }
.ab3 a{ color:#FFFFFF }



.m1{width:150px; line-height:55px; text-align:center; float:left; color:#FFFFFF; margin-top:28px; font-size:16px;}

.m1 a{width:150px; line-height:55px; float:left; background: #30befd; color:#FFFFFF!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m1 a:hover{ color:#FFFFFF!important;  background:#30befd;  width:150px;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}



.m2{width:150px; line-height:55px; text-align:center; float:left; color:#FFFFFF; margin-top:28px; margin-right:10px;  margin-left:10px; font-size:16px;}

.m2 a{width:150px; line-height:55px; float:left; background:#47cd8c; color:#FFFFFF!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m2 a:hover{ color:#FFFFFF!important;  background:#47cd8c;  width:150px;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}





.m3{width:150px; line-height:55px; text-align:center; float:left; color:#FFFFFF; margin-top:28px; font-size:16px;}

.m3 a{width:150px; line-height:55px; float:left; background:#c1a364; color:#FFFFFF!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m3 a:hover{ color:#FFFFFF!important;  background:#c1a364;  width:150px;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}




/*------------产品---------*/





#demo {
background: #FFF;
overflow:hidden;
width:100%;
background:none; margin:auto; font-size:14px; line-height:45px;
}
#demo img {
border: 0px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}	






.pz13{  width:100%; background-image:url(../images/ab_bgbg0.jpg); background-position:center; background-repeat:no-repeat; background-attachment: fixed; height:380px!important; background-size:cover}

.pz{ width:90%; margin:0 auto; clear:both; padding-top:10px; padding-bottom:10px;}


.pz2_con1 { width:100%; float:left;}

.pz2_con2 { width:100%; float:right;}

.sy_about { width:100%;  text-align: left; line-height:28px; font-size:15px;}
.sy_about img { width:100%; margin-bottom:20px; margin-top:30px; }



#about1{ width:100%; float:left; background:#035cac; margin-top:20px; padding-top:50px; padding-bottom:30px; }
.about{ width:95%; margin:auto;}

.ab1{width:100%;height:auto;float:right; color:#88d0f0; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }

.nr3{float:right;width:100%;height:auto; overflow:hidden; margin-bottom:10px;border-radius:10px; margin-top:15px;}
.nr3 a img{ display:block; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; }
.nr3 a:hover img{ transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1); -moz-transition:scale(1.1,1.1); -o-transition:scale(1.1,1.1);}


.ab2{ float:left; width:100%;  font-size:14px; text-align:left; color:#FFFFFF; }
.ab2 h4{width:100%;  float:left; color:#FFFFFF; font-size:15px; text-align:left; line-height:20px; padding-bottom:10px; font-weight:normal;  }
.ab2 h4 span{width:100%;  float:left; color:#FFFFFF; font-size:17px;  font-weight:normal;font-family: DINOT-Bold; text-transform:uppercase }

.ab3{ float:left; width:100%; padding-top:5px; margin-bottom:5px; font-size:14px!important; line-height:20px!important; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:4;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}


.m1{width:30%; line-height:55px; text-align:center; float:left; color:#FFFFFF; margin-top:15px; font-size:13px;}

.m1 a{width:100%; line-height:35px; float:left; background: #30befd; color:#FFFFFF!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m1 a:hover{ color:#FFFFFF!important;  background:#30befd;  width:100%;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}



.m2{width:30%; line-height:55px; text-align:center; float:left; color:#FFFFFF; margin-top:15px; margin-right:10px;  margin-left:10px; font-size:13px;}

.m2 a{width:100%; line-height:35px; float:left; background:#47cd8c; color:#FFFFFF!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m2 a:hover{ color:#FFFFFF!important;  background:#47cd8c;  width:100%;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}





.m3{width:30%; line-height:35px; text-align:center; float:left; color:#FFFFFF; margin-top:15px; font-size:13px;}

.m3 a{width:100%; line-height:35px; float:left; background:#c1a364; color:#FFFFFF!important;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;}

.m3 a:hover{ color:#FFFFFF!important;  background:#c1a364;  width:100%;
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);}










.inspot{padding:0 3% 0px 3%; width:92%; float:left}
.inspot_h2{text-align:center;font-size:20px;color:#333;font-weight:600;}
.inspot_ul{overflow:hidden;margin-top:10px;margin-left:0%;}
.inspot_ul li{width:49%;margin-left:1%;float:left; position:relative;overflow:hidden;margin-bottom:1%; height:auto}
.inspot_ul li img{width:100%;display:block;transform:scale(1); transition:all 1s;}
.inspot_ul li:hover img{transform:scale(1.05);}
.inspot_ul li:hover .inspot_ultext .details{ background:url(../images/index_14.png) right center no-repeat;color:#eb8118;}
.inspot_ultext{ position:absolute;bottom:30%;left:0;width:100%;padding:0 5%;font-size:14px;color:#fff; line-height:18px;}
.inspot_ultext strong{display:block;font-size:18px;font-weight:normal;margin-bottom:0px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.inspot_ultext .details{display:inline-block;font-size:14px; background:url(../images/index_15.png) right center no-repeat;padding-right:22px;margin-top:0px; transition:1s;}
.inspot_ultext .text{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.inspot_ul li:nth-child(1){width:100%;}
.inspot_ul li:nth-child(2){float:right;}
.inspot_ul li:nth-child(3){width:49%;}
.inspot_ul li:nth-child(4){width:100%;}
.inspot_more{display:block;margin:30px 0;}
.innews{overflow:hidden; background:#f8f8f8 url(../images/index_02_bc.png) center top no-repeat; background-size:100%;padding:50px 8%;}
.innews_nr{overflow:hidden;margin-top:45px;}
.innews_fl{float:left;width:68%;}
.innews_fl li{width:48%; background:#fff;float:left;height:100%;}
.innews_fl li:nth-child(2){float:right;}
.innews_flimg{display:block;width:100%;height: 234.24px; position:relative;overflow:hidden;}
.innews_flimg img{display:block;width:100%; transform:scale(1); transition:1s;}
.innews_fltime{ position:absolute;bottom:0;left:0; background:rgba(255,255,255,0.2);font-size:48px;color:#fff;font-weight:600;text-align:center;padding:13px 30px 5px 30px;}
.innews_fltime i{display:block;font-size:18px;}
.innews_fltext{padding:35px 35px 60px 35px;font-size:16px;color:#333;line-height:26px;height:324px;}
.innews_fltext strong{display:block;font-size:24px;height:52px;margin-bottom:20px; transition:1s;}
.innews_fltext .text{display:block;font-weight:normal;margin-bottom:5px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;}
.innews_fltext .details{display:block;font-size:18px;color:#666;margin-top:25px;transition:1s;}
.innews_fltext .details img{ position:relative;top:1px;margin-left:7px;}
.innews_fl li:hover .innews_flimg img{ transform:scale(1.05);}
.innews_fl li:hover .innews_fltext strong,.innews_fl li:hover .innews_fltext .details{color:#eb8118;}
.innews_fl li:nth-child(2) .innews_fltime{ background:rgba(0,0,0,0.3);}
.innews_fr{float:right;width:29%;overflow:hidden;}
.innews_fr li{width:100%; overflow:hidden;height:29.33%; background:#fff;border-bottom:2px solid #fff;padding:42px 20px; transition:1s;margin-top:10%;}
.innews_nr1 .innews_fr li {height:44.3%;}
.innews_fr li:nth-child(1){margin-top:0;}
.innews_frl{float:left;border-right:1px solid #e5e5e5;font-size:48px;width:20%;color:#333;text-align:center; transition:1s;}
.innews_frl b{ transition:1s;}
.innews_frl span{display:block;font-size:18px;font-weight:normal;}
.innews_frr{float:right;font-size:16px;color:#333;width:80%;padding-left:20px;}
.innews_frr strong{display:block;font-size:24px;line-height:34px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.innews_frr span {display: block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.innews_fr li:hover{border-bottom:2px solid #eb8118;}
.innews_fr li:hover .innews_frl b{color:#eb8118;}
.innews_fr li:hover .innews_frl span{color:#333;}

/*.innews_nr1 .innews_fr{display: flex;width: 100%;align-items: center;flex-wrap: wrap;}*/
.innews_nr1 .innews_fr{width: 100%;overflow: hidden;float: none}
.innews_nr1 .innews_fr li{ float: left; width: 31.3%; margin-right: 3%; height: 163px;margin-top: 20px;}
.innews_nr1 .innews_fr li:nth-child(-n+3) {margin-top: 0}
.innews_nr1 .innews_fr li:nth-child(3n) {margin-right: 0%}
.innews_more{display:block;margin-top:65px;}
.in3ul{padding:40px 0;width:70%;}
.in3ul li{float:left;width:33.33%; cursor:pointer; position:relative;text-align:center;}
.in3ul li .in3ul_img{display:block;height:72px;overflow:hidden;}
.in3ul li .in3ul_img img{display:block; position:relative;top:0;transition:1s;}
.in3ul_text{text-align:center;display:block;font-size:24px;color:#333;margin-top:10px; transition:1s;}
.in3ul_text b{font-weight:normal;}
.in3ul_sj{display:none; position:absolute;bottom:-62px;left:0;z-index:1;width:100%; transition:1s;overflow:hidden;}
.in3ul_sj img{display:block;}
.in3ul li p.active .in3ul_img .img1{top:-72px;}
.in3ul li p.active .in3ul_img .img2{top:-72px;}
.in3ul li p.active .in3ul_text{color:#eb8118;}
.in3ul li p.active .in3ul_sj{display:block;}
.in3ulp{display:inline-block;}






.news  h3 span{display:none;}




.news_1{width:95%; margin:0 auto; padding-bottom:10px; }
.news_1 h3 { color:#3c3c3c; font-size:20px; line-height:35px; font-weight:400; text-align:center;width:100%; float:left; background:none; }
.news_1 h3 span{  text-align:center; color:#524e4e; font-size:14px;  line-height:20px; }


.ne11 {  width:100%; float:left; margin-top:0px;}
.ne11 ul{left:0; top:0;  width:100%; }
.ne11 li{ width:100%; float:left;border-bottom:1px #d9d9d9 solid; margin-bottom:0px; padding-bottom:5px;}
.ne11 li:nth-child(2){ float:right}
.ne11 li:nth-child(4){ float:right}
	
.ne11 .fifi{ display:block;  padding-top:10px; width:100%; float:left ;} 
.ne11 .riri{ display:none;}
	
.home_news_li_r {display:none;}
.home_news_li_r:hover{ background:#1570b5; color:#fff}
.home_news_li_m { color:#333; font-size:14px; color:#7f7e7e;}
.home_news_li_m h4{ color:#333; font-size:14px; line-height:20px }
.home_news_li_m1 {display:none;}

.home_news_li_l{ font-size:12px; color:#8f8f8f;line-height:20px;}

.ne112 {display:none;}





/*footer*/
.footer{  overflow: hidden; background-color: #35aade; width: 100%; padding-top:20px;}

.xia{ width:90%; margin:0 auto;}
.xia_lo{ width:100%; float:left}
.xia_lo h4{ color:#FFFFFF; font-size:20px; line-height:24px; text-align:left; padding-top:0px; font-weight:normal; width:100%; margin-bottom:0px;}
.xia_lo_con { width:100%;}
.xia_lo_con  p{  width:100%; padding-right:0%; float:left; font-size:14px; line-height:24px;}
.xia_lo p{}
.xia_lo p a{ color: rgba(255,255,255,.8); }
.xia_lo p a:hover{ color:#fff; }
.xia_lo_con_lx p:last-child { width:50%;}

.xia_lo1{ width:450px; float:left}
.xia_lo1 h4{ color:#FFFFFF; font-size:20px; line-height:30px; text-align:left; padding-top:10px; font-weight:normal}
.xia_lo1 p{ width:31.33333%; float:left; font-size:16px; line-height:30px; padding-right:2%;}
.xia_lo1 p a{ color:rgba(255,255,255,.8); }
.xia_lo1 p a:hover{ color:#fff; }


.lianx { width:80%; padding-left:0px; float:left;color:#FFFFFF; line-height:28px;}
.lianx h4{ margin-bottom:10px; color:#FFFFFF; font-size:20px; line-height:30px; text-align:left; padding-top:10px; font-weight:normal}
.lianx h4 b{ width:100%; font-family:Barlow-Regular; float:left; line-height:74px; font-size:35px;}

.lianx a { color:#fff;}

.ewm1{display:none;}


.banquan{ width:100%; float:left; padding-top:10px; border-top:rgba(255,255,255,.2) solid 1px; margin-top:20px; padding-bottom:10px;color:#fff}
.banquan a{color:#fff}






/*内页联系我们*/
.clearfix{ clear:both}
.contact_1_3{ width:100%;}
.contact_1_3_left{ height:auto; margin:0px 0px 50px 0px; padding:3%; border:1px #f0f0f0 solid; height:auto; color:#666; box-shadow:0px 10px 10px 0px rgba(0,0,0,.1); width:94%; float:left;}
.contact_1_3_left strong{ color:#35aade; font-size:20px;font-weight:bold;}

.map{display:none; }


/*质量与服务*/






.xiangxi h2{ text-align:center; margin:0 auto; color:#333; font-size:18px; line-height:20px;}
.xiangxi .shijian{ text-align:center; margin:0 auto}

.n2 { width:100%; margin:auto; border-top:#e8e8e8 solid 1px;}
.n2 ul{ width:100%;float:left; padding-top:20px; padding-bottom:30px; }
.n2 li{ width:100%; border-bottom:#e8e8e8 solid 1px; margin-right:0%;  float:left; height:60px;  margin-bottom:10px; padding-bottom:10px;}

.n2_1{ float:left; width:25%; height:60px; margin-right:5%; border-right:#e8e8e8 solid 1px; text-align:center; font-size:14px; color:#bbbbbb; line-height:25px; font-family:Arial, Helvetica, sans-serif;}
.n2_1 h7{ font-size:25px;color:#bbbbbb}

.n2_2{ float:right; width:65%; color:#979797;}
.n2_2 h4{ font-weight:normal; font-size:15px; color:#000; padding-bottom:8px; line-height:24px;}
.n2_2 h4 a{ color:#000;}
.n2_2 h4 a:hover{ color:#422872;}


.m21{display:none; }





/*----内页---*/

.f1{width:100%; float:left; background:url(../images/f1.jpg)  no-repeat top center; height:130px; background-size:150% }
.f2{width:100%; float:left; background:url(../images/f2.jpg) no-repeat top center; height:130px; background-size:150% }
.f3{width:100%; float:left; background:url(../images/f3.jpg) no-repeat top center; height:130px; background-size:150% }
.f4{width:100%;float:left; background:url(../images/f4.jpg) no-repeat top center; height:130px;  background-size:150% }
.f5{width:100%;float:left; background:url(../images/f5.jpg) no-repeat top center; height:130px; background-size:150% }
.f6{width:100%;float:left; background:url(../images/f6.jpg) no-repeat top center; height:130px;  background-size:150% }
.f7{width:100%;float:left; background:url(../images/f7.jpg) no-repeat top center; height:130px; background-size:150% }



.fanhui{ width:100%; margin:0 auto; line-height:40px; margin-top:20px; margin-bottom:0px;}
.fanhui ul li{ float:left; width:30.3%;background:#f2f2f2;padding-left:1.5%; padding-right:1.5%; padding-top:10px; padding-bottom:10px; }
.fanhui ul li:nth-child(2n) {background: #35aade; text-align:center}
.fanhui ul li:nth-child(2n) a{ color:#fff; text-align:center}

.nymain{ width:95%; margin:0 auto; padding-top:0px; padding-bottom:0px;}

.wenzi{ width:100%; float:left;}
.wenzi h4{font-size:20px; color:#10384f; text-transform:uppercase; font-weight:normal; padding-bottom:0px; text-align:center; padding-top:10px;}
.wenzi1{display:none;}




.ab11{ float:left; width:100%; padding-top:0px;}

.ab11 ul{ width:100%}
.ab11 ul li{display:block;float:left; }
.ab11 ul li a{float:left;text-align:center!important;line-height:35px; font-size:15px;  width:100%;}
.ab11 ul li a:hover{   float:left;}



.zz1{  color:#FFFFFF;background:#007fbb; width:49% ; line-height:35px; margin-left:0.2%; margin-right:0.2%; margin-bottom:1px; }
.zz1 a{color:#FFFFFF ; }
.zz2{  color:#343434;background:#e4e4e4; width:49%  ;  line-height:35px; margin-left:0.2%; margin-right:0.2%; margin-bottom:1px; }
.zz2 a{color:#343434 ; }




.ab12{ display:none; }

.neirong{ padding-top:0px; line-height:30px; font-size:16px;}
.neirong11{ padding-top:20px; line-height:30px; font-size:16px; padding-bottom:20px; border:#eeeeee solid 0px; margin-bottom:10px; box-shadow: 0 0 0px #e8e8e8; width:98%; padding-left:2%; padding-right:0%; }
.neirong11 img{  max-width:99%;height:auto!important;}

.neirong11t{ padding-top:30px; line-height:30px; font-size:16px;}

.cuti{ width:100%; border-bottom:#eaeaea solid 1px; font-size:17px; text-align:center; line-height:40px; margin-bottom:10px; margin-top:0px; color:#fff; background:#2682c5}

.neirong .zuofu{ width:80%;}
.neirong .youfu{ width:20%}

.contentPage{text-align:center; margin:0px 0px; padding:0px; padding-top:0px;color: #8b8b8b; line-height: 30px; text-decoration: none; clear:both; font-size:14px; }
.contentPage a:link {color: #8b8b8b; text-decoration: none;margin:0px 3px; padding:4px 7px; border: 1px solid #8b8b8b; font-weight: normal;}
.contentPage a:visited {color: #8b8b8b; text-decoration: none;  margin:0px 3px; border: 1px solid #8b8b8b; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; text-decoration: none; padding:4px 7px; background-color:#8b8b8b;font-weight:normal;}
.contentPage .current{color:#8b8b8b; text-decoration: none;  margin: 0px; border:0px solid #8b8b8b; padding:4px 7px; font-weight: normal;}
.contentPage .zi{  float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}

.mobile_lianxi{ display:none}




.zzzzz1{ color:#FFFFFF}
.mobile_lianxi{ display:none}


.lp1{  display:none}
.lp2{display:block!important;}

.zzz1{ font-size:17px; color:#000; font-weight:normal; float:left; padding-left:2%; background:#FFF; line-height:50px; }
.zzz111{ padding-left:2%; width:96%; padding-right:2%;  }


.neiyou1{ width:100%; float:left; padding-bottom:20px;}
.neiyou1 h2{ width:100%; float:none; font-size:18px; color:#000000; border-bottom:#3041b4 solid 2px; margin-bottom:10px; padding-bottom:10px;}

.neiyou1 img{ max-width:100%; width:auto; height:auto}


.neiyou{ width:100%; float:left; padding-bottom:20px; padding-top:0px;}
.neiyou h2{ width:100%; float:none; font-size:18px; color:#000000; border-bottom:#3041b4 solid 2px; margin-bottom:10px; padding-bottom:10px;}


.nyp{width:100%!important; height:100px!important; float:left; border:#dbdbdb solid 0px; vertical-align: middle!important;text-align:center!important;
display: table-cell!important;}
.nyp img{ max-width:auto; max-height:100px;}
.nyp1{ width:100%;float:left; }
.nyp3{ width:100%;float:left; padding-top:0px; padding-bottom:0px; }
.mmmm{ width:100%; line-height:30px; background:#fff; text-align:center; color:#5967c3; font-size:14px; float:right; margin-right:0px;}
.mmmm a{color:#5967c3; }




/*内页*/

.nmain{ background:#fff; padding:20px 0 20px; height:auto !important; /*height:400px; min-height:400px;*/ }
.nm-left{ width:100%; float:left; }
.nm-right{ width:100%; float:right;}
.nmenu > ul > li{ line-height:49px; margin-bottom:1px; font-size:14px; color:#555; position:relative;}
.nmenu > ul > li > a{ display:block; padding-left:20px; background:#eaeaea; font-weight:bold; }
.nmenu > ul > li  .ion{ font-size:12px; position:absolute; right:20px; color:#104ab6; }
.nmenu > ul > li > a:hover,.nmenu > ul > li.cur > a{ background:#1f8fe0; color:#fff; }


.nmenu > ul > li.cur ul{ display:block; }
.nmenu li ul{ display:none;}
.nmenu li li{line-height:49px; margin-top:1px;}
.nmenu li li a{ display:block; padding-left:20px; background:#f6f6f6;  }
.nmenu li li .ion{font-size:12px; position:absolute; right:20px; color:#9b9b9b !important;transform:none !important;}
.nmenu li li a:hover,.nmenu li li.cur a{ color:#104ab6;}
.nmenu li li a:hover .ion,.nmenu li li.cur .ion{ color:#104ab6 !important; }



.imglist3 ul li{text-align:center;float:left;display:inline;width:100%;height:auto;border:#f1f1f1 1px solid;margin:10px 0px;overflow:hidden; font-size:14px;}
.imglist3 ul li img{background:#FFFFFF; max-width:100%; max-height:100%;}


.casepic{ width:100%;
height:auto;
vertical-align: middle;
display: table-cell; background:#fff; overflow:hidden;}


/** 简历投递-css **/
.Form-J1 .Form-J1-Left { float: left; width: 50%; }
.Form-J1 .Form-J1-right { float: right; width: 50%; }
.Form-J1 .Form-J1-li { padding-top: 10px; }
.Form-J1 .Form-J1-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; }
.Form-J1 .Form-J1-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 70%; }
.Form-J1 .Form-J1-li textarea { border: 1px #ddd solid; width: 70%; }
.Form-J1 .Form-J1-li em { color: red; vertical-align: middle; padding-left: 10px; }
.Form-J1 .Form-J1-li input._yzm { width: 20%; }
.Form-J1 .Form-J1-li img { vertical-align: middle; padding-left: 10px; cursor: pointer; }
.Form-J1 .Form-J1-li b { color: #666; font-size: 12px; padding-left: 4px; }
.Form-J1 .Form-J1-li select { border: 1px #ddd solid; width: 70%; padding: 7px 0; }
.Form-J1 .Form-J1-Btn { clear: both; text-align: center; padding-top: 40px; }
.Form-J1 .Form-J1-Btn button { width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; cursor: pointer; border:0; font-family:微软雅黑;}
.Form-J1 .Form-J1-Btn ._submit { background: #104ab6; margin-right: 10px; }
.Form-J1 .Form-J1-Btn ._reset { background: #909090; }

}







/*news s*/


.news ul {
    width: 100%;
    float: right; margin-top:44px
}

.news ul li{ width:47%; margin:0 0 16px 0; padding:16px 0; position: relative; overflow: hidden; border:2px #f0f0f0 solid ; float:left; margin-right:2%}
.news ul li:hover h3, .news ul li:hover h4, .news ul li:hover h5, .news ul li:hover p{ z-index:0; color:#333; text-decoration:none}
.news ul li a:hover{ text-decoration:none}

.news ul li:before {
    bottom: 0;
    right: 0;
    border-bottom:3px solid #023a9b;
    border-right:3px solid #023a9b;
}
.news ul li:after, .news ul li:before {
    content: '';
    width: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    transition: all 800ms ease-in-out;
	z-index:-1;
}
.news ul li:after {
    top: 0;
    left: 0;
    border-top:3px solid #023a9b;
    border-left:3px solid #023a9b;
}
.news ul li:hover:after, .news ul li:hover:before {
    width: 100%;
    height: 100%;
    visibility: visible;
}

.n_left{ width:20%; text-align:center; margin-left:4%; float:left; margin-top:4%;}
.n_left h3{ font-size:24px; color:#252525; margin: 0px 0 0 0; font-weight:normal; line-height:28px}
.date_line{ width:57px; height:1px; background:#c5c5c5; margin:6px auto 5px auto;}
.n_left h4{ font-size:14px; color:#252525; margin:0; font-weight:normal;}
.n_right{ width:67%;  margin-top:4%; margin-left:4%; float:left}
.n_right h5{ font-size:18px; color:#000000; font-weight:normal; margin:0 0 7px 0; text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}
.n_right p{ font-size:14px; color:#686868; line-height:30px; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;  
        overflow: hidden; height:30px; float:left
 }


#newsz { width:100%; background:rgba(0,0,0,.05);}

#news {
    width: 90%;
    margin: 20px auto 0px auto;
  
}#news ul{ width:100%; margin:0 auto; display:inline-block; margin-bottom:0px;}

#news ul li:last-child{ margin-right:0px;}
#news ul li{ width:100%; margin-right:0%; height:125px; background:#fff; float:left; transition:all 0.4s; margin-bottom:10px;}
#news ul li:hover{ background: #35aade;  transition:all 0.4s }

#news ul li:hover .n_left{ color:#fff;}
#news ul li:hover .n_jia {
    width: 66px;
    height: 22px;
    line-height: 18px;
    color: #35aade;
    background: #FFFFFF;
    text-align: center;
    font-size: 25px;
    margin: 0 auto;
    border-radius: 3px;
}
#news ul li:hover .n_left .d, #news ul li:hover .n_left .ym{ color:#fff}

#news ul li:hover .n_right a{ color:#fff}


#news ul li:hover .n_jia a {
    color: #35aade;
}




.d{ font-size:27px; color:#444444; text-align:center; font-family:Barlow-Regular }
.ym{ font-size:15px; color:#222222; text-align:center; padding:0px 0 7px 0; font-family:Barlow-Regular}
.n_jia{ width:66px; height:22px; line-height:18px; color:#FFFFFF; background:#35aade; text-align:center; font-size:25px; margin:0 auto; border-radius:3px;}
.n_jia a{ color:#FFFFFF;}
.n_jia:hover{ background:#35aade;}

.n_r_t{ font-size:16px; color:#454545;


text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 35px;
line-height: 35px;

}
.n_r_c{ color:#acacac; padding:8px 0 0 0;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 42px;
line-height: 21px;


}


li:hover .n_r_c { color:rgba(255,255,255,.9);}




.news_1{ width:100%; margin:0 auto;background:#fff; height:800px}
.cp_list {  margin:0px auto;  width:100%; background:url(../images/about_bg02.jpg) no-repeat center top; float:left }

.cp_list .con{width:1300px; margin:auto; clear:both; overflow:hidden; padding:20px 0 50px 0  }

/*--------------*/

.news_1{ width:100%; margin:0 auto;background:#fff; height:800px}
.warp { width:1310px;  margin:0 auto; padding-top:88px}
.news_1 h2{  font-size:28px; font-family:SourceHanSerifCN-Bold_0; color:#181818; text-align:center; background:url(../images/line4.jpg) no-repeat center bottom; padding-bottom:20px}
.zzs {
    width: 1300px;
    margin: 0px auto;
}


/*news e*/














.en_cn{ float:right; padding-right:0px; text-align:left; background:url(../images/top_fmenu1.png) no-repeat left top ; background-size:70px; margin-top:30px; padding-left:70px;}
.en_cn span{ font-size:28px; font-family:Arial, Helvetica, sans-serif; color:#000; font-family: Barlow-Regular; line-height:32px; font-weight:900;}
.en_cn b{ font-weight:normal;  font-size:14px; font-family:Barlow-Regular;}
.en_cn b img{ padding-bottom:0px; margin-bottom:10px; width:25px;  border-radius:0px;  }
.en_cn i { font-style:normal; color:#666; line-height:15px; display:block;}


 i,em{font-style:normal;}
		.content{width:1200px;margin:0 auto;}
		
		
		
		
		
		
.sy_daohang { width:39%; float:left;}
.sy_daohang ul li {  float:left; padding-left:5%; line-height:100px; font-size:17px; padding-top:5px;}
.sy_head_top { width:100%; line-height:35px; height:35px; color:#fff; background:#35aade; }		
.sy_head_top .con { width:1200px; margin: auto ; font-size:14px;}	
.sy_head_top .con .l { width:50%; float:left;  text-align:left;}	
.sy_head_top .con .r { width:50%; float:right; text-align:right; }	
.sy_head_top .con .r p { float:right; margin-left:10px;}
.sy_head_top .con .r p img { margin-top:8px;}
.sy_head_top .con .r p strong { font-weight:900; font-family:Arial, Helvetica, sans-serif;}


	
		
        .head{height:;background:#FFF;}
        .head .hea-top{width:1200px !important; height:100px;margin:0 auto;}
        .head .hea-top .logo{width:40%; height:104px; float:left;padding-top:15px; box-sizing: border-box;}
        .head .hea-top .logo .t_logo{width:95px; height:; float:left; line-height: 0; overflow: hidden;padding-top:0px; margin-right: 15px;}
		.head .hea-top .logo .t_logo img { width:100%; height:auto !important;}
		.head .hea-top .logo h2 em b { color:#35aade;}
        .head .hea-top .logo .t_logo img{ height:100%;}
        .head .hea-top .logo h2{float:left; padding-left:0px; padding-top:10px; background:url(../images/hea-xt.png) no-repeat left;}
        .head .hea-top .logo h2 span{display: block; height:29px; line-height: 29px;font-size: 22px; font-weight:400; color:#333; letter-spacing:5px; }
        .head .hea-top .logo h2 em{display: block;height:30px; line-height: 30px;font-size: 28px;color:#231815;font-weight: bold; padding-top:5px;}
        .head .hea-top .hea-tel{float:right;padding-top:36px;}
        .head .hea-top .hea-tel span{display: inline-block;height:55px; color:#333333; 
		
		
		
		}
		.head .hea-top .hea-tel span em{ font-weight:400; font-size:15px;}
        .head .hea-top .hea-tel span.tel1{margin-right: 70px;  padding-top:0px;
		
		
		}
		.head .hea-top .hea-tel span.tel1 .zi { width:80%; display:block; text-align:left; padding-left:12%;}
		.head .hea-top .hea-tel span.tel1 .zi p { font-size:15px;  line-height:22px; width:70px; height:22px; background:#ededed; border:0px solid #0460b5; text-align:center; margin-bottom:10px; display:inline-block;}
		
		.head .hea-top .hea-tel span.tel1 .zi p.cur{ background:#099d51; color:#fff;}
		.head .hea-top .hea-tel span.tel1 .dh {display: flex; font-family: "Akz"; width:100%; background:url(../images/hea-tel1.png) no-repeat left 0px; padding-left:37px; line-height:35px; height:35px; font-size:35px; }
		
		
        .head .hea-top .hea-tel span.tel2{background:url(../images/hea-tel2.png) no-repeat left;}
        .head .menu{height:60px; background: url(../images/hea-navbj.jpg) no-repeat center;}
        .head .menu .nav{width: 1200px !important; height:60px;margin:0 auto;}
        .head .menu .nav li{width:12.5%;height:60px; float:left; text-align: center; position: relative; line-height: 0;}
        .head .menu .nav li:first-child{width:;}
        .head .menu .nav li a{display: block;height:60px;line-height: 60px;font-size: 16px; color:#fff; position: relative;}
        .head .menu .nav li a:before{width:1px; height:20px; background:#001c36; content:""; position: absolute; right:0;top:20px; opacity:.2;}
        .head .menu .nav li:last-child a:before{display: none;}
        .head .menu .nav li i{display: inline-block; width:0; height:1px;background: #e70116;margin:-1px auto 0; transition: .5s; vertical-align: bottom;}
        .head .menu .nav li:hover a,.head .menu .nav li.cur a{font-size: 16px; color:#fff; font-weight: bold;font-family: "æ€æºé»‘ä½“ CN";}
        .head .menu .nav li:hover i,.head .menu .nav li.cur i{width:36px;}
        @media screen and  (min-width:760px) and (max-width:1680px){
            .head .hea-top,.head .menu .nav{width:93.3%;}
        }
		
		
		
		
		
		